<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>单句阅读工具</title>
    <link rel="stylesheet" href="styles.css">
    <script src="marked.min.js"></script>
</head>
<body>
    <div class="container">
        <div class="header">
            <button id="readClipboard">读取剪切板</button>
        </div>
        <div class="content">
            <div id="sentence" class="sentence">请点击"读取剪切板"按钮开始阅读</div>
            <div id="progressIndicator" class="progress-indicator"></div>
        <div class="navigation">
            <button id="showProgress" class="progress-btn">显示进度 ↓</button>
            <button id="prevSentence" disabled>上一句 ←</button>
            <button id="nextSentence" disabled>下一句 →</button>
            <button id="reloadClipboard">重新读取剪切板</button>
            </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
